<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/7/29
  Time: 9:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>

    <link rel="stylesheet" href="../static/lib/layui-v2.6.8/layui/css/layui.css">
    <title>Title</title>

</head>
<body>

<%--start行内部工具栏--%>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<%--end行内部工具栏--%>


<%--start编辑用户弹出窗口--%>




<div id="windoedit" style="display: none; padding: 20px" lay-filter="editUserForm" class="layui-form">
    <input type="hidden" name="id">
    <div class="layui-form-item">
        <label class="layui-form-label">用户名</label>
        <div class="layui-input-inline">
            <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
        </div>
    </div>
</div>

<%--end编辑用户弹出窗口--%>

<%-- start 用户数据列表展示   --%>
<table class="layui-table" lay-data="{ url:'../user/list', page:true, id:'datalist',toolbar:'#toptoolbar'}" lay-filter="datalist">
    <thead>
    <tr>
        <th lay-data="{field:'id', width:80, sort: true}">ID</th>
        <th lay-data="{field:'username', }">用户名</th>
        <th lay-data="{field:'staff_id', sort: true,templet:'#departmenttext'}">所属员工</th>
<%--        <th lay-data="{ sort: true,templet:'#userStateText'}">状态</th>--%>
        <th lay-data="{field:'lastlogin', sort: true,}">最后登录时间</th>
        <th lay-data="{field:'isroot', sort: true,}">是否为管理员</th>
        <th lay-data="{field:'操作',toolbar:'#barDemo'}">操作</th>
    </tr>
    </thead>
</table>
<%--end用户数据列表展示--%>

<%--START用户状态文本显示--%>
<%--<script type="text/html" id="userStateText">--%>
<%--    {{# if(d.userstate==0){   }}--%>
<%--        <span style="color: #00F7DE">刚入职</span>--%>
<%--    {{#  }else if(d.userstate==1){   }}--%>
<%--    <span style="color: #1dc797">正常</span>--%>
<%--    {{#  }else if(d.userstate==2){      }}--%>
<%--    <span style="color: red">离职</span>--%>
<%--    {{#  }   }}--%>
<%--</script>--%>
<%--END用户状态文本显示--%>

<%--start新增用户弹出窗口--%>
<div id="windo" style="display: none; padding: 20px" lay-filter="addUserForm" class="layui-form">
    <div class="layui-form-item">
        <label class="layui-form-label">用户名</label>
        <div class="layui-input-inline">
            <input type="text" name="username"  required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">所属部门</label>
        <div class="layui-input-inline">
            <select name="staff_id"  lay-verify="" style=""></select>
    </div>
</div>
</div>

<%--end新增用户弹出窗口--%>


<%--start部门名称转换--%>
<%--<script type="text/html" id="departmenttext">--%>
<%--    {{# if(d!=null){   }}--%>
<%--    {{=d.department_id}}--%>
<%--    {{#  }   }}--%>
<%--</script>--%>
<%--end部门名称转换--%>

<%--start表头工具栏--%>
<script type="text/html" id="toptoolbar">
    <div class="layui-form-item">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input type="text" name="checktext" class="layui-input">
            </div>
            <button class="layui-btn layui-btn" lay-event="check">查询</button>
            <button class="layui-btn" lay-event="add">新增</button>
        </div>
    </div>
</script>
<%--end表头工具栏--%>

<%--<div class="layui-form">--%>
<%--    <input type="text" lay-verify="required|form_item" >--%>
<%--    <button type="button" lay-submit>按钮</button>--%>
<%--</div>--%>



<%--<script src="static/lib/layui/layui.js">--%>
<%--</script>--%>

<%--<script src="static/js/UserList.js"></script>--%>


<%--<script>--%>
<%--    form.verify({--%>
<%--       form_item:function (value,item) {--%>
<%--           var check = /\w{6,18}/.test(value);--%>
<%--           if (!check){--%>
<%--               return "必须填入8-16位字符（只能包含数字、字母、下划线）";--%>
<%--           }--%>
<%--       }--%>
<%--    });--%>
<%--</script>--%>
<script src="../static/lib/layui-v2.6.8/layui/layui.js"></script>
<script src="../static/js/UserList.js"></script>

</body>
</html>
